
{% load cbv_tags %}

<div class="form_general">  <!-- name/address/email-->
       
<br>{% show_labelled_input_with_errors form.first_name %} <br />
<br>{% show_labelled_input_with_errors form.last_name %}  <br />              
     
<br>{% show_labelled_input_with_errors form.address %}  <br />

<!--Don't use the show_labelled... tag for the suburb, as it needs to work with 
jquery for suburb autocomplete -->
<br><span class="id_suburbs">{{ form.suburb.label_tag }} {{ form.suburb }}</span>
<span class="helptext">{{ form.suburb.help_text }}</span> <br />
{% if form.suburb.errors %}
<ul class="errorlist">{{ form.suburb.errors }}</ul> 
{% endif %}
    
<br>{% show_labelled_input_with_errors form.state %}   <br />
<br>{% show_labelled_input_with_errors form.country %} <br />   

<br>{% show_labelled_input_with_errors form.email %} <br />
             
<br>{% for phone in form.phones %}
<p> {% show_labelled_input_with_errors phone %} </p>
{% endfor %}
<br />

<br><input type="submit" name="add_another_phone" value="Add another phone?"/> <br />
   
</div>          <!-- end div title="Names/Address/Email/Phones" -->
   
<div class="form_general"> <!-- div id="date added" -->               

<p>{% show_labelled_input_with_errors form.date_added %}</p>

</div>                                   <!-- end div "Date Added" -->
      
</fieldset>  <!-- end fieldset puts a box around "contacts" -->
